// 我的消息
.message_my {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #fff;

    // 我的消息头部
    .rightText {
        font-size: 12px;
    }

    // 通知
    .inform_box {
        width: 100vw;
        height: 44px;
        background-color: #f0f0f0;
        display: flex;
        align-items: center;

        .inform {
            width: 320px;
            height: 32px;
            border-radius: 4px;
            background-color: #fff;
            display: flex;
            align-items: center;
            margin: 0 auto;
            justify-content: space-between;

            .inform_text_box {
                display: flex;
                height: 32px;
                align-items: center;

                .inform_closeBtn {
                    line-height: 24px;
                    width: 24px;
                    text-align: center;
                    font-weight: bold;
                    margin-left: 10px;
                    margin-right: 6px;
                    font-size: 16px;
                }

                .inform_text {
                    line-height: 32px;
                }
            }

            .inform_btn {
                width: 38px;
                height: 20px;
                background-color: #3087ea;
                color: #fff;
                border-radius: 4px;
                font-size: 10px;
                transform: scale(0.833);
                border: none;
                margin-right: 10px;
            }
        }
    }

    // 消息主体
    .message_conent {
        width: 100vw;
        flex: 1;
        background-color: #fff;

        .message_conent_item {
            width: 100vw;
            height: 68px;
            border-bottom: 1px solid #f2f2f2;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .message_conent_dl {
                height: 100%;
                display: flex;
                align-items: center;


                .message_conent_dt {
                    width: 48px;
                    height: 48px;
                    margin-right: 10px;
                    margin-left: 20px;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }



                .systemMessage {
                    color: #b8ead8;
                }

                .consultationMessage {
                    color: #f984a2;
                }

                .accountMessage {
                    color: #ffbf58;
                }
            }

            .message_counent_tips {
                width: 16px;
                line-height: 16px;
                background-color: #d92109;
                border-radius: 50%;
                color: #fff;
                text-align: center;
                margin-right: 20px;
            }
        }
    }

}